import styled from 'styled-components';

export const Total = styled.div`
  width: auto;
  height: auto;
  .totalContainer {
    width: 260px;
    border-top: 3px solid #3080fe;
    margin-right: 20px;
  }
  .totalContent {
    color: #333;
    border-radius: 3px;
  }
  .totalTitle {
    color: #666;
    margin: 0 0 30px 0;
    font-weight: 450;
  }
  .totalData {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
  }
  .totalAmount {
    margin: 0 15px 0 0;
    font-size: 28px;
  }
`;

export const LastTrend = styled.div`
  width: auto;
  height: auto;
  &.clearfix:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
  }
`;

export const OrderTrend = styled.div`
  width: 820px;
  height: auto;
  float: left;
  margin-right: 20px;
`;

export const OrderSort = styled.div`
  width: 270px;
  height: auto;
  float: left;
`;

export const LastOrderMenu = styled.div`
  width: 1110px;
  height: auto;
`;

export const HotTags = styled.div`
  width: 1110px;
  height: auto;
`;